<template>
  <div class="profile-list">
    <div class="profile-list-item">
      <van-icon class="profile-list-icon" name="manager"/>
      <span>我的消息</span>
    </div>
    <div class="profile-list-item">
      <van-icon class="profile-list-icon" name="point-gift"/>
      <span>我的积分</span>
    </div>
    <div class="profile-list-item">
      <van-icon class="profile-list-icon" name="gem"/>
      <span style="border-bottom: 0;">会员卡</span>
    </div>
    <div class="profile-list-item">
      <van-icon class="profile-list-icon" name="shopping-cart"/>
      <span>我的购物车</span>
    </div>
    <div class="profile-list-item">
      <van-icon class="profile-list-icon" name="good-job"/>
      <span>购物APP</span>
    </div>
  </div>
</template>

<script>
  export default{
    name:"profileList"
  };
</script>

<style scoped="scoped">
  .profile-list{
    width: 100%;
  }
  .profile-list-item{
    display: flex;
    line-height: 45px;
    align-items: center;
    height: 45px;
    padding-left: 20px;
  }
  .profile-list-item .profile-list-icon{
    font-size: 24px;
    display: inline-block;
    margin-right: 7px;
  }
  .profile-list-item span{
    font-size: 16px;
    display: inline-block;
    width: 100%;
    color: #333333;
    border-bottom: 1px solid #DDDDDD;
  }
  .line{
    width: 100%;
    height: 10px;
    background-color: #CCCCCC;
  }
</style>
